(function($){
	$(function(){
		var resizePage = (function () {
            $("body,.pop-page").height($(window).height());
            var ww = $(window).width(),
                wh = $("body").innerHeight(),
                popTopH = $(".pop-top").outerHeight(true),
                stepShowH = $(".step-show").outerHeight(true),
                popFootH = $(".pop-foot").outerHeight(true),
                $popWrap = $(".pop-wrap");

            $popWrap.height(wh - popTopH - stepShowH - popFootH);
            return arguments.callee;
        })();

        $(window).resize(resizePage);
		//关闭弹出层
        $(".close-pop").on("click",function(e){
        	e.stopPropagation();
        	window.parent.$.popHide();
        })
        
        $(".pop-foot")
        	//下一步
        	.on("click",".next-set-ip",function(e){
        		var index = $(".step-box:visible").index();
				$(".step-itr").eq(index + 1).addClass("on");
        		changeBtnShow(index + 1);
        	})
        	//点击上一步
        	.on("click",".back-set-ip",function(e){
        		e.stopPropagation();
        		var index = $(".step-box:visible").index();
				$(".step-itr").eq(index).removeClass("on");
        		changeBtnShow(index - 1);
        	})
        	
        //初始化select下拉框
        $(".select-normal").zl_select({
        	w : 160,
        	h : 32,
        	disabledClickCallback : function(){
        		$(".select-container.disabled").closest(".config-group").find("[name=config]").trigger("click");
        	}
        });
        
        //镜像和快照单选按钮
        $(".config-group")
        	.on("click","[name=config]",function(){
        		$("[name=config]").removeClass("checked");
        		$(this).addClass("checked");
        		if($(this).attr("id")=="mirrorRdo"){
                    $(".mirror-select").prop("disabled",false)
                        .siblings(".select-container").removeClass("disabled");
                    $(".photo-select").prop("disabled",true)
                        .siblings(".select-container").addClass("disabled");
                }else{
                    $(".photo-select").prop("disabled",false)
                        .siblings(".select-container").removeClass("disabled");
                    $(".mirror-select").prop("disabled",true)
                        .siblings(".select-container").addClass("disabled");
                }
        	})
        	
        //第一步虚拟机基础信息填写
        $(".step-one")
        	//增加虚拟机数量
        	.on("click",".add-count",function(){
        		var num = $("#virtualNum").val();
        		$("#virtualNum").val(++num);
        	})
        	//减少虚拟机数量
        	.on("click",".del-count",function(){
        		var num = $("#virtualNum").val(),
        			count = --num;
        		if(count <= 1){
        			count = 1;
        		}
        		$("#virtualNum").val(count);
        	})
        	
        //第二步选择规格配置
        $(".step-two")
        	//CPU内存选择
        	.on("click",".config-text",function(){
        		if($(this).hasClass("disabled")){
        			return;
        		}else{
        			$(this).addClass("on").siblings(".config-text").removeClass("on");
        		}
        	})
        	
		
		//根据不同步骤判断按钮显示
		function changeBtnShow(n){
			$(".step-box").hide().eq(n).show();
			if(n == 0){
				$(".back-set-ip").hide();
				$(".next-set-ip").show();
				$(".sure-set-ip").hide();
				$(".step-line").removeClass("mid end");
			}else if(n == 1){
				$(".back-set-ip").show();
				$(".next-set-ip").show();
				$(".sure-set-ip").hide();
				$(".step-line").removeClass("end").addClass("mid");
			}else if(n ==2){
				$(".back-set-ip").show();
				$(".next-set-ip").hide();
				$(".sure-set-ip").show();
				$(".step-line").addClass("end");
			}
		}
		//第二步硬盘选择
		$(".disk-panel").zlDrag({min:40,max:300});
	})
})(jQuery)
